<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="_token" content="{{ csrf_token() }}"/>
  <title>Qkids久趣英语</title>

  <?php
    $version = config('app.version');
    $isDevelopment = getenv('APP_ENV') === 'local';
    $resource = env('CDN_RESOURCE') . '/mobile/campaign/luckyBag';
  ?>

  @if ($isDevelopment)
    <link href="{{$resource}}/css/lucky-bag.css?v={{$version}}" rel="stylesheet" type="text/css">
  @else
    <link href="{{$resource}}/css/lucky-bag.min.css?v={{$version}}" rel="stylesheet" type="text/css">
  @endif

  @include('mobile.partial.config')
  @include('mobile.partial.wechatSign')
  @include('mobile.partial.browserSync')
</head>
<body>
<div class="container">
  <div class="grab-ok banner" hidden>
    <img src="{{$resource}}/img/pic1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/pic2.jpg?v={{$version}}">
    <img src="{{$resource}}/img/grab_btn.png?v={{$version}}" class="grab-btn">
  </div>
  <div class="grab-done banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg4.jpg?v={{$version}}">
    <div class="look-other"></div>
  </div>
  <div class="grab-over banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg6.jpg?v={{$version}}">
    <div class="look-other"></div>
  </div>
  <div class="grab-timeout banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg5.jpg?v={{$version}}">
  </div>
  <div class="grab-class banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg2.jpg?v={{$version}}">
  </div>
  <div class="grab-old banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg3.jpg?v={{$version}}">
    <div class="money">2.0</div>
  </div>
  <div class="grab-new banner" hidden>
    <img src="{{$resource}}/img/bg1.jpg?v={{$version}}">
    <img src="{{$resource}}/img/bg2.jpg?v={{$version}}">
  </div>
  <div class="grab-list" hidden></div>
  <div class="rule">
    <img src="{{$resource}}/img/rule.jpg?v={{$version}}">
  </div>
</div>

<div class="mask">
  <div class="grab-success">
    <img class="bg" src="{{$resource}}/img/success.png?v={{$version}}">
    <img class="close" src="{{$resource}}/icon/ic_close.png?v={{$version}}">
    <div id="grab-close"></div>
  </div>
</div>

@if ($isDevelopment)
  <script src="{{$resource}}/js/lucky-bag.js?v={{$version}}"></script>
@else
  <script src="{{env('CDN_RESOURCE')}}/js/mobile/debug.js?v={{$version}}"></script>
  <script src="{{$resource}}/js/lucky-bag.min.js?v={{$version}}"></script>
@endif
</body>
</html>